<div class="image-modal-wrap">
  <div class="modal">
    <i date-fn="close-btn" class="fa fa-close"></i>
    <h1>upload image</h1>
    <hr>
    <form class="modal-form">
      <label>Image (max size 10 m)<input class="img-file-input" type="file" name="file"></label>
    </form>
    <hr>
    <div class="modal-bottom-tool">
      <button date-fn="close-btn">Cancel</button>
      <button date-fn="submit-btn">OK</button>
    </div>
  </div>
</div>

<div class="html5-modal-wrap">
  <div class="modal">
    <i date-fn="close-btn" class="fa fa-close"></i>
    <h1>Improve the following information</h1>
    <hr>
    <form class="modal-form">
      <label>Html (max size 10 m)<input class="html-file-input" type="file" name="file"></label>
    </form>
    <hr>
    <div class="modal-bottom-tool">
      <button date-fn="close-btn">Cancel</button>
      <button date-fn="submit-btn">OK</button>
    </div>
  </div>
</div>

<div class="save-modal-wrap">
  <div class="modal">
    <i date-fn="close-btn" class="fa fa-close"></i>
    <h1>Improve the following information</h1>
    <hr>
    <form class="save-modal-form modal-form" action=" /admin/putblog" method="post" accept="utf-8">
      <label>Title<input type="text" name="title" autocomplete="off" value="{{data.title}}"></label>
      <label>Categry<input type="text" name="category" autocomplete="off" value="{{data.category}}"></label>
      <textarea name="markdown-content"></textarea>
      <textarea name="html-content"></textarea>
      <input value="{{data.blogId}}" name="blogId" style="display:none">
    </form>
    <div class="category-container">
      {% for category in data.categorys %}
        <span>{{category}}</span>
      {% endfor %}
    </div>
    <hr>
    <div class="modal-bottom-tool">
      <button date-fn="close-btn">Cancel</button>
      <button date-fn="submit-btn">OK</button>
    </div>
  </div>
</div>